
/* 弹窗内样式 */
.leftCon {
  width: 180px;
	height: 100%;
	background-color: #F6F7F9;
	padding: 20px 10px;
	border-bottom-left-radius: 15px;
}
.rightCon {
  width: calc(100% - 180px);
	height: 100%;
	padding: 20px 20px 20px 35px;
	overflow-y: scroll;
}
.dialogUl li h5,
.dialogUl li > div {
	position: relative;
	padding-left: 28px;
	font-size: 15px;
}
.dialogUl li h5 {
  font-weight: normal;
  margin-bottom: 5px;
}
.dialogUl li > div {
	padding: 5px 0 5px 40px;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid transparent;
}
.dialogUl li > div:hover,
.dialogUl li > div.active {
	background-color: #E0E9F0;
	border-radius: 10px;
	border: 1px solid #CCD2D8;
}
.dialogUl li h5::before,
.dialogUl li > div::before {
	content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(~@/assets/img/common/gt.png) no-repeat;
  background-size: 100% 100%;
}
.dialogUl li > div::before {
	left: 20px;
	width: 15px;
  height: 15px;
	background: url(~@/assets/img/common/actIcon.png) no-repeat;
  background-size: 100% 100%;
}
.curActTitle {
	position: relative;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 700;
	color: #333;
}
.curActTitle::before {
	content: "";
  	position: absolute;
  	width: 10px;
  	height: 10px;
  	left: -15px;
  	top: 50%;
  	transform: translateY(-50%);
  	background-color: #999999;
  	border-radius: 50%;
}

.tbts {
  margin-bottom: 10px;
  position: relative;
  width: 400px;
  font-size: 14px;
  padding: 6px 10px 4px 40px;
  background-color: #f1e5d8;
  border-radius: 10px;
}

.tbts::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url(~@/assets/img/common/tx.png) no-repeat;
  background-size: 120% 120%;
}
.tbtstipText {
  position: relative;
  color: #EF7356;
  line-height: 29px;
  font-size:14px;
  padding-left: 12px;
  margin-bottom: 10px;
}
.addLine {
	margin-bottom: 10px;
}
.tipText {
	position: relative;
	color: #EF7356;
	line-height: 32px;
	font-size:12px;
	padding-left: 17px;
	margin-bottom: 10px;
}
.tipText::before {
	content: "!";
  	position: absolute;
  	left: 0;
  	top: 50%;
  	width: 15px;
  	height: 15px;
  	line-height: 14px;
  	transform: translateY(-50%) scale(0.65);
  	color: #fff;
  	background-color: #EF7356;
  	border-radius: 50%;
  	text-align: center;
}
.addBtn {
	position: relative;
	float:right;
	background-image: linear-gradient(to right, #88CE54,#43BB8F);
	color: #fff;
	padding: 5px 18px 5px 35px;
	border-radius: 10px;
	border: none;
	outline: none;
  cursor: pointer;
}
.addBtn::before {
	content: "+";
  	position: absolute;
  	left: 16px;
  	top: 50%;
  	width: 15px;
  	height: 15px;
  	line-height: 15px;
  	transform: translateY(-50%);
  	border: 1px solid #fff;
  	border-radius: 50%;
}
.hisBtnLine {
	padding: 10px 15px;
}
.historyBtn {
	float: left;
	position: relative;
	color: #2FA47A;
	border: 1px solid #2FA47A;
	border-radius: 10px;
	outline: none;
	padding: 6px 30px 6px 15px;
	background-color: #fff;
  cursor: pointer;
}
.historyBtn::after {
	content: "";
	position: absolute;
  	right: 10px;
  	top: 43%;
  	width: 8px;
  	height: 8px;
  	border-right: 1px solid #2FA47A;
  	border-bottom: 1px solid #2FA47A;
  	transform: translateY(-50%) rotate(45deg);
	transition: all 0.3s;
}
.historyBtn.hisact::after {
	transform: rotate(225deg);
	transition: all 0.3s;
}
.singleLine {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: calc(100% - 10px);
}
.ope {
	display: inline-block;
	width: 15px;
  height: 15px;
	margin-right: 10px;
	cursor: pointer;
}
.ope:last-child {
	margin-right: 0;
}
.check {
	width: 18px;
	height: 13px;
  background: url(~@/assets/img/common/check.png) no-repeat;
  background-size: 100% 100%;
}
.edit1 {
	width: 13px;
  background: url(~@/assets/img/common/edit2.png) no-repeat;
  background-size: 100% 100%;
}
.delete1 {
  background: url(~@/assets/img/common/delete.png) no-repeat;
  background-size: 100% 100%;
}
.cancel {
  background: url(~@/assets/img/common/cancel.png) no-repeat;
  background-size: 100% 100%;
}
.pass {
	background: url(~@/assets/img/common/pass.png) no-repeat;
  	background-size: 100% 100%;
}
/* 表单 */
.width50 {
	width: calc(50% - 8px);
}
.addForm.el-form {
	margin-bottom: 15px;
}
.xsDialog .el-form-item,
.xsjlTb .el-form-item {
	border: 1px solid #E9EEF1;
	margin-bottom: 0;
	padding: 5px 20px 10px 5px;
	background-color: #FDFDFD;
	border-top: 0;
}
/*.el-form-item:first-child {*/
/*	border-top: 1px solid #E9EEF1;*/
/*}*/
.linkForm .el-form-item {
	border: none;
	padding: 0;
	margin-bottom: 15px;
}
.linkForm .el-form-item__label {
	padding: 0 3px 0 0;
}
.saveBtn,
.cancelBtn {
	outline: none;
	border-radius: 10px;
	padding: 6px 35px;
	margin-right: 15px;
	cursor: pointer;
}
.saveBtn {
	background-color: #41BA91;
	color: #fff;
	border: 1px solid #41BA91;
}
.cancelBtn {
	border: 1px solid #ddd;
	color: #666
}
.xsDialog .el-form-item__content,
.xsDialog .el-form-item__label,
.xsDialog .el-input__inner {
	height: 30px;
	line-height: 30px;
}
.xsDialog .clList .el-form-item__content {
	height: auto;
}
.xsDialog .el-input__icon {
	line-height: 30px;
}
.xsDialog .el-form-item__error {
	padding-top: 1px;
}
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner {
	color: #888;
}
.el-textarea__inner {
	padding: 5px 15px 20px 15px;
}
/* 上传文件按钮 */
.upBtn {
	height: 28px;
	line-height: 28px;
	color: #1d62ec;
	padding: 0 10px;
	border: 1px solid #1d62ec;
	border-radius: 20px;
	background-color: transparent;
	margin-bottom: 5px;
}
.upBtn:hover {
	background-color: #1d62ec;
	border: 1px solid #1d62ec;
	color: #fff;
}
.fileUl li {
	cursor: pointer;
}
.fileUl li:hover {
	color: #1d62ec;
}
.fjImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	max-width: 80%;
}
.fjBox {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0,0,0,0.8);
}
.saveLinkBtn {
	outline: none;
	background-color: #e8f4ff;
	color: #409eff;
	border: 1px solid #b3d8ff;
	border-radius: 4px;
	padding: 5px 10px;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}
.el-textarea .el-input__count {
	bottom: 1px;
	right: 3px;
	padding: 0 4px;
	height: 16px;
	line-height: 16px;
}
.multi {
	height: 100px;
}
.multi .el-form-item__error {
	top: 80px;
}
/* 新版写实记录 */
.xsjlMenu {
	width: 180px;
	height: 100%;
	/*overflow-y: scroll;*/
	padding: 20px 0 20px;
}
.xsjlTb {
	width: calc(100% - 182px);
	background-color: #fff;
	height: 100%;
	overflow-y: scroll;
	padding: 20px 40px;
	border-radius: 15px;
	box-shadow: -3px 0 2px #DBEFDF;
}
.nopad {
	padding: 0!important;
}
.zpml {
	font-weight: 600;
	color: #000;
	letter-spacing: 5px;
  font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
}
.czxsjlItem {
	padding: 10px 0 0 15px;
}
.czxsjlItem h4 {
	position: relative;
	margin: 0;
	/* height: 40px;
	line-height: 40px; */
	font-size: 14px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: url(~@/assets/img/index/menuBg.png) no-repeat;*/
  background: linear-gradient(to bottom, #7FDACCFF, #bbeae6);
  border-radius: 12px 0 0 12px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-weight: normal;
}
.czxsjlItem h4.activeMenu {
  background: linear-gradient(to bottom, #55a6d8, #98cae8);
  border-radius: 12px 0 0 12px;
	color: #ffffff;
	font-weight: 700;
}
.czxsjlItem h4::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	background: url(~@/assets/img/index/icon1.png) no-repeat;
	background-size: 100% 100%;
}
.czxsjlItem:nth-child(2) h4::before {
	background-image: url(~@/assets/img/index/icon2.png)
}
.czxsjlItem:nth-child(3) h4::before {
	background-image: url(~@/assets/img/index/icon5.png)
}
.czxsjlItem:nth-child(4) h4::before {
	background-image: url(~@/assets/img/index/icon4.png)
}
.czxsjlItem:nth-child(5) h4::before {
	background-image: url(~@/assets/img/index/icon3.png)
}
.czxsjlItem:nth-child(6) h4::before {
	background-image: url(~@/assets/img/index/icon6.png)
}
.czxsjlItem h4.思想品德::before {
  background-image: url(~@/assets/img/index/icon2.png)
}
.czxsjlItem h4.学业水平::before {
  background-image: url(~@/assets/img/index/icon5.png)
}
.czxsjlItem h4.身心健康::before {
  background-image: url(~@/assets/img/index/icon4.png)
}
.czxsjlItem h4.艺术素养::before {
  background-image: url(~@/assets/img/index/icon3.png)
}
.czxsjlItem h4.社会实践::before {
  background-image: url(~@/assets/img/index/icon6.png)
}
.czxsjlItem h4::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background: url(~@/assets/img/index/close1.png) no-repeat;
	background-size: 100% 100%;
	transition: all 0.3s;
}
.czxsjlItem h4.activeMenu::after {
	background-image: url(~@/assets/img/index/open-active1.png);
	transition: all 0.3s;
}
.czxsjlItem h4 + ul {
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.czxsjlItem h4.activeMenu + ul {
	max-height: 200px;
	transition: all 0.5s;
}
.czxsjlItem ul {
	margin: 0;
}
.czxsjlItem ul li {
	position: relative;
	margin-top: 5px;
	padding: 5px 0 5px 40px;
	border: 1px solid transparent;
	cursor: pointer;
	font-size: 13px;
}
.czxsjlItem ul li:hover,
.czxsjlItem ul li.activeMenuItem {
	background-color: #E9F3F4;
	border: 1px solid #CFD6DC;
	border-right: 0;
	border-radius: 8px 0 0 8px;
}
.czxsjlItem ul li img {
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translate(-50%,-50%);
}
.ckXsjl {
	float: right;
	font-size: 13px;
	line-height: 32px;
	cursor: pointer;
}
.ckXsjl:hover {
	color: #1f7ed0;
}
.tabBtn {
  background-color: #fff;
  color: #666;
  padding: 6px 15px;
  border-radius: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-right: 10px;
}
.tabBtn.activeBtn,
.tabBtn:hover {
  background-color: #41ba91;
  color: #fff;
  border: 1px solid #41ba91;
}
